/* 通用样式 */
body { margin:0; padding:0; font:12px Arial, Helvetica, sans-serif,宋体;  #ffffff;  -webkit-text-size-adjust:none;}
div, ul, li, form, input, table, td.tr, sub, sup, p, ol, i, em { padding:0; margin:0; }
ol, ul, li { list-style:none; }
i,em { font-style:normal; }
a { text-decoration:none; }
.clear { clear:both; height:0; _line-height:0; margin:0;padding:0;}
.hide { display:none; }

#box { width:100%; margin:0 auto; }
.top { width:100%; margin:0 auto; overflow:hidden; zoom:1; }
.fl { float:left; margin-left:5px; }
.fl input { vertical-align:middle; }  
.fr { float:right; margin-right:5px; } 
.fr a { color:#717171;}
.fr a:hover { color:#deb656;}

.quanping{ width:100%;background-color:#000; position: absolute;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}

/* 头部图层一 */
.top1 { width:100%; height:40px; line-height:40px; background-color:#f6f6f6; border-bottom:1px solid #b8b8b8; overflow:hidden; zoom:1;}
.top1-layout { width:960px; }
.btn-save { width:68px; height:28px; background:url(../images/questionnaire/btn_save.png) no-repeat; border:0; cursor:pointer; }
.btn-preview { width:68px; height:28px; background:url(../images/questionnaire/btn_preview.png) no-repeat; border:0; cursor:pointer; }
.btn-publish { width:68px; height:28px; background:url(../images/questionnaire/btn_publish.png) no-repeat; border:0;  cursor:pointer; }

/* 头部图层二 */
.top2 { width:100%; height:55px; line-height:40px; background-color:#f6f6f6; border-bottom:1px solid #b8b8b8; }
.top2-layout { width:960px; }
.top2-fl { float:left; }
.top2-fl .ih { height:38px; }
.top2-fl .ih  img { padding:5px 50px 0px 50px; cursor:pointer; }
.top2-fl p { line-height:15px; text-align:center; }
.line { float:left; width:1px; height:55px; background:url(../images/questionnaire/line.png) no-repeat; }

/* 内容*/
.m-content { width:100%; height:100%}
/* 内容-左*/
.m-fl { float:left; width:170px; height:100%; height:580px; border-right:1px solid #b8b8b8; overflow:scroll; overflow-x:hidden; }
.q-tit { width:157px; height:15px; margin:10px 5px;  background:url(../images/questionnaire/q_tit.png) no-repeat;}
.q-panel { border-bottom:1px solid #b8b8b8; height:110px; background:#ede7d1; padding:5px; cursor:pointer; }
.q-panel:hover { height:112px;background:#e8dcb2; padding:5px; cursor:pointer; }
.q-num { float:left; padding:0px 2px; }
.q-content { float:left; padding:3px; width:120px; height:100px; border:1px solid #b8b8b8;  background:#ffffff; overflow:hidden; }

/* 内容-右*/ 
.m-fr { float:left; width:810px; padding:10px; }
.m-fr-borer { width:100%; }

/* 弹出-框 */
.checkbox-frame  { display:none;position:absolute; z-index:2; left:50%;top:80px;margin-left:-20%;  }
.checkbox-frame input { padding-left:5px;}

.radio-frame  { display:none;position:absolute; z-index:2; left:50%;top:80px;margin-left:-20%;  }
.radio-frame input { padding-left:5px;}

/*计时器*/
.timer-frame  { display:none;position:absolute; z-index:2; left:50%;top:80px;margin-left:-20%;  }
.timer-frame input { padding-left:5px;}

.border-top { width:508px; height:50px; margin:0 auto; background:url(../images/questionnaire/border_top.png) no-repeat; }
.border-top { width:508px; height:50px; margin:0 auto; background:url(../images/questionnaire/border_top_radio.png) no-repeat; }
.border-middle { width:508px; margin:0 auto; background:url(../images/questionnaire/border_middle.png) repeat-y; }
.border-bottom { width:508px; height:20px; margin:0 auto; background:url(../images/questionnaire/border_bottom.png) no-repeat; }

.border-close { width:25px; height:22px; margin-left:472px; padding-top:1px; background:url(../images/questionnaire/border_close.png) no-repeat; cursor:pointer; }
.border-close:hover { width:25px; height:22px; margin-left:472px; padding-top:1px; background:url(../images/questionnaire/border_close2.png) no-repeat; cursor:pointer; }

/* 样式控制  */
.border-layout { width:438px; height:auto; padding:10px 30px;}
.border-layout .new-item { overflow:hidden; zoom:1; clear:both;_position:relative; }

.border-layout .new-item .tit { font-size:14px; width:103px; line-height:30px; height:40px; float:left; text-align:right; color:#666666; } 
.border-layout .new-item .tit em { color:red; font-family:"宋体"; padding-right:4px; }
.border-layout .new-item .bdmain { float:left; padding-left:6px; width:300px; margin-right:5px; display:inline; }
.border-layout .new-item .bdmain .m-radio { float:left; padding:8px 0px; font-size:14px; color:#666666; }
.border-layout .new-item .bdmain .m-radio input { vertical-align:-2px; margin-right:2px; }
.border-layout .new-item .new-plus { float:left; font-size:12px; color:#C00; padding:5px 10px; }
.border-layout input[type='button'] { margin-left:1px; padding:2px 6px; cursor:pointer; }
#new-item-add-checkbox {  padding:2px 6px; cursor:pointer; margin-left:85px; }
#new-item-add-radio  {  padding:2px 6px; cursor:pointer; margin-left:85px; }
.border-submit-checkbox {  width:86px; height:29px; margin:0 auto; margin-top:20px; background:url(../images/questionnaire/border_submit.png) no-repeat; cursor:pointer; }
.border-submit-checkbox:hover {  width:86px; height:29px; margin:0 auto; margin-top:20px; background:url(../images/questionnaire/border_submit2.png) no-repeat; cursor:pointer; }

.border-submit-radio {  width:86px; height:29px; margin:0 auto; margin-top:20px; background:url(../images/questionnaire/border_submit.png) no-repeat; cursor:pointer; }
.border-submit-radio:hover {  width:86px; height:29px; margin:0 auto; margin-top:20px; background:url(../images/questionnaire/border_submit2.png) no-repeat; cursor:pointer; }

.border-submit-timer {  width:86px; height:29px; margin:0 auto; margin-top:20px; background:url(../images/questionnaire/border_submit.png) no-repeat; cursor:pointer; }
.border-submit-timer:hover {  width:86px; height:29px; margin:0 auto; margin-top:20px; background:url(../images/questionnaire/border_submit2.png) no-repeat; cursor:pointer; }

#btn-browse { width:50px; height:25px; position:absolute; cursor:pointer; }

.input_300 { width:300px; height:50px; resize:none; border:1px solid #dddddd; -moz-border-radius: 2px;-khtml-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
.input_250 { width:250px; height:26px; resize:none; border:1px solid #dddddd; -moz-border-radius: 2px;-khtml-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}

/* 样式控制  */
.m-checkbox input { vertical-align:middle; }
